/*.el-loading-spinner {*/
/*    !*这个是自己想设置的 gif 加载动图*!*/
/*    background-image: url('@/assets/gif/198c929aa280c59648fb23dbed81919d.gif');*/
/*    background-repeat: no-repeat;*/
/*    background-size: 120px 100px;*/
/*    height: 100px;*/
/*    width: 100%;*/
/*    background-position: center;*/
/*    !*覆盖 element-ui  默认的 50%    因为此处设置了height:100%,所以不设置的话，会只显示一半，因为被top顶下去了*!*/
/*    top: 40%;*/
/*}*/

/*.el-loading-spinner .circular {*/
/*    !*隐藏 之前  element-ui  默认的 loading 动画*!*/
/*    display: none;*/
/*}*/

/*.el-loading-spinner .el-loading-text {*/
/*    !*为了让文字在loading图下面*!*/
/*    margin: 106px 0px;*/
/*    color: #da70a0;*/
/*}*/

/* fade */
.fade-enter-active,
.fade-leave-active {
    transition: opacity 0.28s;
}

.fade-enter,
.fade-leave-active {
    opacity: 0;
}

/* fade-transform */
.fade-transform-leave-active,
.fade-transform-enter-active {
    transition: all .5s;
}

.fade-transform-enter {
    opacity: 0;
    transform: translateX(-30px);
}

.fade-transform-leave-to {
    opacity: 0;
    transform: translateX(30px);
}

/* breadcrumb transition */
.breadcrumb-enter-active,
.breadcrumb-leave-active {
    transition: all .5s;
}

.breadcrumb-enter,
.breadcrumb-leave-active {
    opacity: 0;
    transform: translateX(20px);
}

.breadcrumb-move {
    transition: all .5s;
}

.breadcrumb-leave-active {
    position: absolute;
}
